<!DOCTYPE html>
<html>
<head>
    #include('head.html',{title:'发现'})
    <style type="text/css">
        header{padding:1.1rem;background:#fff;position:fixed;left:0;right:0;top:0;border-bottom: .01rem solid #bfbfbf;z-index:100; display: flex;}
        header input{border:none;width:100%;height:3rem;border-radius:.6rem;background:#eeeff3;font:1.32rem "";text-indent:1.11rem;		/*margin-left: .1rem;*/}
        header a{display:inline-block;font-size: 1.7rem;vertical-align: middle;margin-left: .16rem;}
        header a:first-child {flex-grow: 1;}
        header a:last-child {margin-left: 9px;}

        #js ul{padding-top:.16rem;}
        #js ul:first-child{padding-top:6.16rem;}
        #js ul li{width:94%;height:26.72rem;margin:0 auto;box-shadow:0 0 .5rem;border-radius:.58rem;margin-bottom:1.2rem;overflow: hidden;}
        #js ul li a img{width: 100%;height:85%;}
        #js ul li p{height:20%;color:#f00;background:#fff;text-align: center;font:1.6rem/3.8rem "";color:#000;}

    </style>
</head>
<body>
<header>
    <a href="search"><input type="text" class="sea-inpleft" placeholder="请输入您搜索的内容" /></a>
    <a href="search"><i class="fr am-success am-icon-search "></i></a>
</header>
<section id="js">
#for(view : cViewList)
<ul>
    <li>
        <a href="detail?vId=${view.vId}">
            <img src="/images/picture/${view.vEat}"/>
            <p>${view.vName}</p>
        </a>
    </li>
</ul>
#end
</section>

#include('bottom.html',{num:3})
</body>
</html>